<template>
  <div id="app">
      <router-view></router-view>
      <tab-bar>
        <tabar-item url="/home">
          <img slot="itemimg" src="./assets/logo.png" >
          <div slot="itemfont" class="itemfont">首页</div>
        </tabar-item>
        <tabar-item url="/mine">
          <img slot="itemimg" src="./assets/logo.png">
          <div slot="itemfont" class="itemfont">分类</div>
        </tabar-item>
        <tabar-item url="/home">
          <img slot="itemimg" src="./assets/logo.png">
          <div slot="itemfont" class="itemfont">购物车</div>
        </tabar-item>
        <tabar-item url="/mine">
          <img slot="itemimg" src="./assets/logo.png">
          <div slot="itemfont" class="itemfont">我的</div>
        </tabar-item>

      </tab-bar>
  </div>
</template>

<script>

import TabBar from  './components/TabBar'
import TabarItem from './components/TabBarItem'
export default {
  name: 'app',
  components: {
      TabBar,
      TabarItem
  }
}
</script>

<style>

</style>
